<!-- 头部 -->
<include file="Public/mobile_head"/>

<link href="{:ADDON_PUBLIC_PATH}/bigwheel.css?v={:SITE_VERSION}" rel="stylesheet"  type="text/css">
<body class="xydzp-winning">
    <script type="text/javascript" src="{:ADDON_PUBLIC_PATH}/js/jQueryRotate.2.2.js"></script>
    <script type="text/javascript" src="{:ADDON_PUBLIC_PATH}/js/jquery.easing.min.js"></script>
    <script type="text/javascript" src="{:ADDON_PUBLIC_PATH}/js/init.js?v={:SITE_VERSION}"></script>
    <script type="text/javascript">
       var jplist= {$udprizes};
       var playurl="{:addons_url('BigWheel://BigWheel/play')}";
       var zpimg ="{:ADDON_PUBLIC_PATH}/images/zp.png";
       var target_id = {$target_id};
    </script>
    <div class="main">
        <div id="outercont">
            <div id="outer-cont">
                <div id="outer">
                    <canvas id="wheelcanvas" width="227" height="227">
                    </canvas>
                </div>
            </div>
            <div id="inner-cont">
                <div id="inner">
                    <img id="startbtn" src="{:ADDON_PUBLIC_PATH}/images/start.png" />
                </div>
            </div>
        </div>
        <div class="content">
            <div class="boxcontent boxyellow">
                <div class="box">
                    <div class="title-orange">
                        我的中奖记录:
                    </div>
                    <div class="Detail">
                        <empty name="my_prizes">
                            <p class="empty-tips">您目前还没有中过奖</p>
                            <else />
                            <ul class="gift_history" id="my_gift_history">
                                <volist name="my_prizes" id="vo">
                                    <li>
                                        <span class="col_1">SN: <b>{$vo.sn}</b></span>
                                        <span class="col_2">{$vo.prize_title}</span>
                                        <span class="col_3"><eq name="vo.is_use" value="1"><b style="color: #ff0000">已兑奖</b><else/><b style="color: #00B100">未兑奖</b></eq></span>
                                    </li>
                                </volist>
                            </ul>
                        </empty>
                        <if condition="$prize['count'] gt 0">
                            <p class="repeat_tips" style="color: #0076A3; font-weight: bold"><notempty name="data.max_num">您还有<span id="count">{$prize.count}</span>次抽奖机会</notempty></p>
                        </if>
                    </div>
                </div>
            </div>
            <div class="boxcontent boxyellow">
                <div class="box">
                    <div class="title-green">
                        活动说明：
                    </div>
                    <div class="Detail">
                        <p>
                            {$data.use_tips|changetxtrntobr}
                        </p>
                    </div>
                </div>
            </div>
            <div class="boxcontent boxyellow">
                <div class="box">
                    <div class="title-green">
                    <span>
                        奖项设置：
                    </span>
                    </div>
                    <div class="Detail" style="text-align:center;">
                        <ul class="gift_list">
                            <volist name="prizes" id="vo">
                                <li>
                                    <p style="text-overflow:ellipsis;overflow: hidden">{$vo.title}<br/>({$vo.num|intval}名)</p>
                                    {$vo.img|get_img_html}
                                    <span>{$vo.name}</span>
                                </li>
                            </volist>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="boxcontent boxyellow">
                <div class="box">
                    <div class="title-red">
                        最新大奖:
                    </div>
                    <div class="Detail">
                        <empty name="topprizes">
                            <p class="empty-tips">暂还没有中奖记录</p>
                            <else />
                            <ul class="gift_history">
                                <volist name="topprizes" id="vo">
                                    <li>
                                        <span class="col_1">{$vo.cTime|time_format}</span>
                                        <span class="col_2">{$vo.uid|get_mhcli_name}</span>
                                        <span class="col_3">{$vo.prize_title}</span>
                                    </li>
                                </volist>
                            </ul>
                        </empty>
                    </div>
                </div>
            </div>
            <div class="boxcontent boxyellow">
                <div class="box">
                    <div class="title-orange">
                        最新中奖记录:
                    </div>
                    <div class="Detail">
                        <empty name="new_prizes">
                            <p class="empty-tips">暂还没有中奖记录</p>
                            <else />
                            <ul class="gift_history">
                                <volist name="new_prizes" id="vo">
                                    <li>
                                        <span class="col_1">{$vo.cTime|time_format}</span>
                                        <span class="col_2">{$vo.uid|get_mhcli_name}</span>
                                        <span class="col_3">{$vo.prize_title}</span>
                                    </li>
                                </volist>
                            </ul>
                        </empty>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <audio id="playyy" src="{:ADDON_PUBLIC_PATH}/images/m.mp3" style="display:none;">
    </audio>
</body>
<script>
    var werisiteshare = {
        title: "{$data.title}",
        desc: "{$data.title}",
        link: "{$link}",
        imgUrl: "{:ADDON_PUBLIC_PATH}/images/dzp-start.jpg",
        successtoshare: "{:U('successtoshare')}"
    };
</script>
</html>